/*
    测试的layout
    实验性的分割成40份，即每份占2.5%总宽度
*/
[class*=col-]{
    box-sizing: border-box;
    float: left;
}
.col-1 {
    width: 2.5%;
}

.col-2 {
    width: 5%;
}

.col-3 {
    width: 7.5%;
}

.col-4 {
    width: 10%;
}

.col-5 {
    width: 12.5%;
}

.col-6 {
    width: 15%;
}

.col-7 {
    width: 17.5%;
}

.col-8 {
    width: 20%;
}

.col-9 {
    width: 22.5%;
}

.col-10 {
    width: 25%;
}

.col-11 {
    width: 27.5%;
}

.col-12 {
    width: 30%;
}

.col-13 {
    width: 32.5%;
}

.col-14 {
    width: 35%;
}

.col-15 {
    width: 37.5%;
}

.col-16 {
    width: 40%;
}

.col-17 {
    width: 42.5%;
}

.col-18 {
    width: 45%;
}

.col-19 {
    width: 47.5%;
}

.col-20 {
    width: 50%;
}

.col-21 {
    width: 52.5%;
}

.col-22 {
    width: 55%;
}

.col-23 {
    width: 57.5%;
}

.col-24 {
    width: 60%;
}

.col-25 {
    width: 62.5%;
}

.col-26 {
    width: 65%;
}

.col-27 {
    width: 67.5%;
}

.col-28 {
    width: 70%;
}

.col-29 {
    width: 72.5%;
}

.col-30 {
    width: 75%;
}

.col-31 {
    width: 77.5%;
}

.col-32 {
    width: 80%;
}

.col-33 {
    width: 82.5%;
}

.col-34 {
    width: 85%;
}

.col-35 {
    width: 87.5%;
}

.col-36 {
    width: 90%;
}

.col-37 {
    width: 92.5%;
}

.col-38 {
    width: 95%;
}

.col-39 {
    width: 97.5%;
}

.col-40 {
    width: 100%;
}